<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>JQuery动态事件处理</title>
		<link rel="stylesheet" type="text/css" href="css/txt.css" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="showDiv">hello world</div>
	</body>

	<script type="text/javascript">
		$(function() {
			// 实现on的多事件绑定功能
//			$("#showDiv").on({
//				mouseover:function(){
//					$(this).wrap("<h1>");
//				},
//				mouseout:function(){
//					$(this).unwrap();
//				}
//				
//			});
			
			$("#showDiv").hover(
				function(){
					$(this).wrap("<h1>");				
				},
				function(){
					$(this).unwrap();
				}
			
			)
			
			
			
			
		});
	</script>

</html>